var city_name='';
var username='';

$(function () {
	// 外来页面跳转过来刷新时
	checkUrl();
});

// 判定URL中的参数
function checkUrl () {
	// 判定url是否含有目标属性
	var cityName = getUrlParam("cityName");
	username = $("#username_jd").text();
	if (username=='') {
		document.getElementById("login_2").style.display="block";//显示
	}else{
		document.getElementById("login_2").style.display="none";//隐藏
	}
	console.log("cityName0==="+cityName)
	if(cityName!=null || cityName!=''){
		console.log("cityName1==="+cityName)
		// 获取跳转页面的cityName值
		city_name=cityName;
	}else{
		// 获取当前页面input处的值
		city_name = document.getElementById("citySearchName").value;
	}
	// 2、判定输入框内不为空
	if(city_name==null){
		return;
	}
	// 刷新页面时调用这个方法
	findPages();
	console.log("city_name000="+city_name);
}

//获取url中的参数
function getUrlParam(name) {
	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
	var r = window.location.search.substr(1).match(reg); //匹配目标参数
	if (r != null) return decodeURI(r[2]);
	return null; //返回参数值
}



// 按钮点击事件
function btonClick () {
	var city_Name_btn='';
	// 1、获取用户名的值
	var citySearchName = $("#citySearchName").val();
	console.log("citySearchName="+citySearchName);
	// 2、判定输入框内不为空
	if(citySearchName==''||citySearchName==null){
		return;
	}else{
		city_Name_btn = document.getElementById("citySearchName").value;
	}
	console.log("city_Name110="+city_Name_btn);
	window.location.href="travel_Store_jd.jsp?cityName="+city_Name_btn;
	// 二、执行查询数据方法
	checkUrl();
}

/**
 * 分页拼接  有参数----页码
 */
function findPages (currentPage) {
	console.log("city_name="+city_name);
	$.get("/JavaWeb项目_第六组/hotel",{method:"getHotelByCityName",cityName:city_name,currentPage:currentPage },function (pb) {
		
		console.log("pd="+pb);
		if(pb==null||pb=='null'){
			// 打开新页面
			console.log("打开报错页面...")
			// 直接被拦截下来的
			window.open("travel_Store_all.jsp");
//			window.location.href("travel_Store_all.jsp");
			// 不执行下面
			return;
		}
		
		var page ='';
		var beforeNum = pb.currentPage - 1;// 上一页的页数=当前页-1
		if (beforeNum <= 0) {
			beforeNum=1;
		}
		// 首页
		var firstPage;
		// 上一页
		var prePage;
		// 判断当前页是否为首页
		if (pb.currentPage == 1) {
			firstPage ='<a href="javascript:;" class="ui_page_item ui_page_next" >首页</a>';
			prePage ='<a href="javascript:;" class="ui_page_item ui_page_next">上一页</a>';
		} else{
			firstPage ='<a href="#" onclick="findPages(1)" class="ui_page_item">首页</a>';
			prePage ='<a href="#" onclick="findPages('+beforeNum+')" class="ui_page_item">上一页</a>';
		}
		page +=firstPage;
		page +=prePage;
		
		// 1:前5后4的形式
		var begin;// 开始页码
		var end;// 结束页码
		// 页面不足 10===> 从1开始到pb.totalPage结束
		if (pb.totalPage <10) {
			begin=1;
			end=pb.totalPage;
		}else{
			// 1.1页面足够
			begin = pb.currentPage -5;
			end = pb.currentPage + 4;
			// 1.2前面没有5个
			if(begin <=0){
				begin=1;
				end=10;
			}
			// 1.3后面没有4个
			if(end>pb.totalPage){
				end=pb.totalPage;
				begin=pb.totalPage-9;
			}
		}
		
		for(var i = begin; i <= end; i++) {
			// 异步提交
			var li;
			if (pb.currentPage == i) {
				// 有选中的样式
				var li = '<a href="#" onclick="findPages('+i+')" class="ui_page_item ui_page_item_current">'+i+'</a>';
			} else{
				// 没有样式
				var li = '<a href="#" onclick="findPages('+i+')" class="ui_page_item">'+i+'</a>';
			}
			page += li;
		}
		
		var nextNum = pb.currentPage + 1;// 当前页+1
		if (nextNum > pb.totalPage) {
			nextNum=pb.totalPage;
		}
		// 下一页
		var nextPage;
		// 上一页
		var lastPage;
		// 判断当前页是否为尾页
		if (pb.currentPage==pb.totalPage) {
			nextPage ='<a href="javascript:;" class="ui_page_item ui_page_next">下一页</a>';
			lastPage ='<a href="javascript:;" class="ui_page_item ui_page_next">尾页</a>';
		} else{
			nextPage ='<a href="javascript:findPages('+nextNum+');" class="ui_page_item">下一页</a>';
			lastPage ='<a href="javascript:findPages('+pb.totalPage+');" class="ui_page_item">尾页</a>';
		}
		page +=nextPage;
		page +=lastPage;
		page += '<a href="" class="ui_page_item"></a>';
		var totalPage='<a href="javascript:;" class="ui_page_item" >共 '+pb.totalPage+' 页 '+pb.totalCount+' 条</a>';
		page +=totalPage;
		// 加载到对应位置
		$("#pages").html(page);
		// 显示完分页再加载页面商品信息
		findStoreByCityId(pb.list);
		// 方法2 定位到页面顶部
		window.scrollTo(0,0);
	});
	// 显示商品信息
}

/**
 * 显示所有的商品----商品
 */
function findStoreByCityId(list) {
		// 1、拿到数据
		var divs = '';
		for(var i = 0; i < list.length; i++) {
			var div = '';
			div += '<div class="zw-new-bigcard-item">';
			div += '<a href="travel_Store_jpyd.jsp?hotel_id='+list[i].hotel_id+'" class="new-bigcard-left">';
			div += '<img width="225" height="150" title="" alt="" class="zw-new-bigcard-itemimg" src="/JavaWeb项目_第六组/hotel?method=showImage&ticketShowPic='+list[i].hotel_img+'">';
			div += '<div class="bottom-text">';
			div += '<div class="left">酒店</div>';
			div += '<div class="right" id="data'+list[i].hotel_id+'"></div>';
			div += '</div>';
			div += '</a>';
			div += '<div class="zw-new-bigcard-iteminfo clearfix">';
			div += '<div class="zw-new-bigcard-tag-wrap">';
			div += '<div class="zw-new-bigcard-h2ul-wrap">';
			div += '<div class="title">';
			div += '<a href="travel_Store_jpyd.jsp?hotel_id='+list[i].hotel_id+'" title="'+list[i].hotel_text+'" target="_blank" data-bn-ipg="zsj-list-freedomtravel-pos1" data-ra_arg="">'+list[i].hotel_text+'</a>';
			div += '</div>';
			div += '</div>';
			div += '<div class="zw-new-bigcard-infonum"><span>'+list[i].hotel_sale_number+'</span>件已售';
			div += '</div>';
			div += '</div>';
			div += '<div class="zw-new-bigcard-bottombar">';
			div += '<div class="zw-new-bigcard-price"><span style="color:#ff7362;font-size: 20px;">￥</span><span><em>'+list[i].hotel_price+'</em>元起</span>';
			div += '</div>';
			// 绑定a标签的监听事件
			div += '<a href="javascript:aClick('+list[i].hotel_id+');" class="zw-new-bigcard-btn">立即预订</a>';
			div += '</div>';
			div += '</div>';
			div += '</div>';
			divs +=div;
			// 标签
			findHotelLabel(list[i]);
		}
		// 2、拼接数据
		$("#showStore").html(divs);
}

/**
 * 一个个商品的标签
 */
function findHotelLabel (list) {
	var hotel_id = list.hotel_id;
	$.get("/JavaWeb项目_第六组/hotel",{method:"findHotelLabel",hotel_id},function (label) {
		var ids = "#data"+(list.hotel_id);
		for (var i = 0; i < label.length; i++) {
			$(ids).html(label[i].txt);
		}
	});
}

/**
 * 报错页面
 * 无数据页面
 */
function errorPage () {
	var page='';
	page+='<div class="zw-module-productlist-unit freetour clearfix">';
	page+='<br />';
	page+='<br />	';
	page+='<h1 style="font-size: x-large;color: #ED1C24;" align="center">抱歉，暂未找到相关结果~</h1>';
	page+='<br />';
	page+='<br />';
	page+='</div>';
	page+='</div>';
	page+='</div>';
	$("#aWholePage").html(page);
}